@import url(communal.less);
@import url(rem.less);
.header{
    background-color: white;
    width: 100%;
    .p{
        width: 90%;
        margin: 0 auto;
        .mt(22);
        .mb(22);
        .font-dpr(13px);
        color: #999;
        .lh(93);
    }
}
.swiper-container {
    .pt(148);
    width: 100%;
    height: 100%;
    .swiper-slide {
        //text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: flex;
        justify-content: space-around;
        align-items: center;
        img{
            width: 100%;
        }
        figure{
            width: 40%;
            figcaption{
                .lh(133);
                .font-dpr(15px);
            }
            .figc{
                color: #f85d00;
                .font-dpr(10px);
            }
        }
    }
}
.three{
    background-color: white;
    display: flex;
    justify-content: space-around;
    align-items: center;
    .h(143);
    //.lh(143);
    .t_p{
        display: flex;
        width: 20%;
        height: 50%;
        img{
            width: 40%;
        }
        p{
            .font-dpr(15px);
            font-weight: bolder;
            .pl(30);
        }
    }
}
.big{
    .pb(200);
    background-color: white;
    .two{
        width: 90%;
        margin: 0 auto;
        .h(184);
        display: flex;
        justify-content: space-between;
        p{
            .lh(184);
        }
        p:first-child{
            .font-dpr(15px);
        }
        p:last-child{
            .font-dpr(13px);
            color: #999;
        }
    }
    .e{
        .mt(70);
        display: flex;
        align-items: center;
        justify-content: space-around;
        p{
            width: 50%;
            .font-dpr(15px);
            .lh(53);
        }
        img{
            width: 30%;
        }
    }
        
   
}
